<template>
	<div class="musicGroup">
		<div class="title">
			<b>
				<slot name="title"></slot>
			</b>
			<span>查看更多</span>
		</div>
		<slot></slot>
	</div>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
$greyColor: #c4c7c5;
.musicGroup {
	position: relative;
	width: 100%;
	height: auto;
	margin: 20px 0;
	box-sizing: border-box;

	.title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: inherit;
		margin-bottom: 30rpx;
		font-size: 20px;
		font-weight: bold;

		span {
			color: $greyColor;
			font-size: 14px;
			font-weight: lighter;
		}
	}
}
</style>
